<!DOCTYPE html>
<!--<html lang="en" xmlns:th="http://www.thymeleaf.org">-->
<html lang="en" xmlns:v-on="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org"
      xmlns:sec="http://www.thymeleaf.org/thymeleaf-extras-springsecurity3">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0">
    <title>我的网盘</title>
    <link rel="shortcut icon" th:href="@{/static/image/logo.ico}" >
    <link  type="text/css" rel="stylesheet" th:href="@{/static/css/default.min.css}" >

    <link type="text/css" rel="stylesheet" th:href="@{/static/layui/css/layui.css}">
    <link type="text/css" rel="stylesheet" th:href="@{/static/css/style.css}">
    <link type="text/css" rel="stylesheet" th:href="@{/static/css/screen.css}">

    <script type="text/javascript" th:src="@{/static/layui/layui.js}"></script>
    <script type="text/javascript" th:src="@{/static/js/highlight.min.js}"></script>
    <script>

    </script>

</head>
<body class="layui-layout-body">
<script>
    var userSession = sessionStorage.getItem("userSession");
    if(!userSession){
        window.location="login.html";
    }
</script>

<div class="layui-layout layui-layout-admin">
    <div class="layui-header">
        <div class="layui-nav mobile-btn"><i class="layui-icon">&#xe66b;</i></div>
        <div class="layui-logo" onclick="window.location='/index.html'">
            <img id="main-logo" th:src="@{/static/image/logo.png}" alt="我的网盘">
            我的网盘</div>

        <ul class="layui-nav layui-layout-right">
            <li class="layui-nav-item">
                <a href="javascript:;">
                    <img th:src="@{/static/image/user.png}" class="layui-nav-img">
                    <span class="pc-item">韵中</span>
                </a>
                <dl class="layui-nav-child">
                    <dd><a href="">个人中心</a></dd>
                    <dd class="loginout"><a href="javascript:;">退出</a></dd>
                </dl>
            </li>
            <li class="layui-nav-item pc-item loginout"><a href="javascript:;">退出</a></li>
        </ul>
    </div>

    <div class="layui-side layui-bg-black">
        <div class="layui-side-scroll">
            <!-- 左侧导航区域（可配合layui已有的垂直导航） -->
            <ul class="layui-nav layui-nav-tree"  lay-filter="test">
                <li class="layui-nav-item layui-nav-itemed">
                    <a class="" href="javascript:;"><i class="layui-icon">&#xe653;</i>&nbsp;&nbsp;全部文件</a>
                    <dl class="layui-nav-child byType">
                        <dd type="txt"><a href="javascript:;"><i class="layui-icon">&#xe655;</i>&nbsp;&nbsp;文本</a></dd>
                        <dd type="doc"><a href="javascript:;"><i class="layui-icon">&#xe705;</i>&nbsp;&nbsp;文档</a></dd>
                        <dd type="xls"><a href="javascript:;"><i class="layui-icon">&#xe705;</i>&nbsp;&nbsp;表格</a></dd>
                        <dd type="image"><a href="javascript:;"><i class="layui-icon">&#xe64a;</i>&nbsp;&nbsp;图片</a></dd>
                        <dd type="audio"><a href="javascript:;"><i class="layui-icon">&#xe6fc;</i>&nbsp;&nbsp;音频</a></dd>
                        <dd type="video"><a href="javascript:;"><i class="layui-icon">&#xe6ed;</i>&nbsp;&nbsp;视频</a></dd>
                        <dd type="zip"><a href="javascript:;"><i class="layui-icon">&#xe857;</i>&nbsp;&nbsp;压缩包</a></dd>
                        <dd type="default"><a href="javascript:;"><i class="layui-icon">&#xe607;</i>&nbsp;&nbsp;其他</a></dd>
                    </dl>
                </li>
                <li class="layui-nav-item">
                    <a href="javascript:;"><i class="layui-icon">&#xe640;</i>&nbsp;&nbsp;回收站</a>
                </li>
                <li class="layui-nav-item">
                    <a href="javascript:;"><i class="layui-icon">&#xe620;</i>&nbsp;&nbsp;系统</a>
                    <dl class="layui-nav-child">
                        <dd><a href="javascript:;"><i class="layui-icon">&#xe66f;</i>&nbsp;用户管理</a></dd>
                        <dd><a href="javascript:;"><i class="layui-icon">&#xe66c;</i>&nbsp;图标配置</a></dd>
                        <dd><a href="javascript:;"><i class="layui-icon">&#xe631;</i>&nbsp;系统设置</a></dd>
                        <dd><a href="javascript:;"><i class="layui-icon">&#xe62c;</i>&nbsp;系统检测</a></dd>
                    </dl>

                </li>
            </ul>
        </div>
    </div>

    <div class="layui-body">
        <!-- 内容主体区域 -->
        <div style="padding: 15px;">
            <div class="disk-form">
                <div class="d-flex-left">
                    <div class="layui-btn m-btn" style="background: #5FB878;"><i class="layui-icon">&#xe61f;</i>文件夹</div>
                    <div class="layui-btn m-btn layui-bg-gray"><i class="layui-icon">&#xe621;</i>文件</div>
                    <div class="layui-btn m-btn layui-bg-red"><i class="layui-icon">&#xe681;</i></div>
                </div>
                <div class="d-flex-left">
                    <div class="layui-btn pc-btn mkdir" style="background: #5FB878;"><i class="layui-icon">&#xe61f;</i>&nbsp;创建文件夹</div>
                    <div class="layui-btn pc-btn touch layui-bg-gray"><i class="layui-icon">&#xe621;</i>&nbsp;新建文件</div>
                    <div class="layui-btn pc-btn layui-bg-red upload"><i class="layui-icon">&#xe681;</i>&nbsp;上传文件</div>
                </div>
                <div class="pc-search">
                    <input id="search" type="text" class="layui-input" placeholder="搜索文件名">
                    <div class="layui-btn layui-bg-blue searchBtn"><i class="layui-icon">&#xe615;</i>&nbsp;<span class="pc-searchText">搜索</span></div>
                </div>
            </div>
            <div style="margin-top: 10px;margin-left: 20px;">
                <span class="layui-breadcrumb" lay-separator=">">
                  <a href="">全部文件</a>
                </span>
                <br>
                <span id="searchTimeOut" style="color: orange;font-size: 12px;"></span>
            </div>
            <div class="file-box">
<!--                <div class="file-item">-->
<!--                    <img class="file-icon" th:src="@{/static/image/icon/dirctory.png}">-->
<!--                    <p class="file-name">文件A</p>-->

<!--                    <div class="file-tips">-->
<!--                        <p class="fileName">文件名：文件A</p>-->
<!--                        <p class="fileSize">大小：3.8M</p>-->
<!--                        <p class="directory">类型：文件夹</p>-->
<!--                        <p class="createTime">创建时间：2020-7-30 02:40:00</p>-->
<!--                        <p class="lastUpdateTime">最后修改时间：2020-7-30 02:40:00</p>-->

<!--                    </div>-->
<!--                </div>-->
            </div>
        </div>
    </div>

    <div class="layui-footer">
        <!-- 底部固定区域 -->
        © disk.xzlovecyy.com - 版权所有
    </div>
</div>

<script type="text/javascript" th:inline="javascript" th:src="@{/static/js/jquery.js}"></script>

<!--Windows使用-->
<!--<script type="text/javascript" th:inline="javascript" th:src="@{/static/js/index-windows.js}"></script>-->

<!--Linux使用-->
<script type="text/javascript" th:inline="javascript" th:src="@{/static/js/index-linux.js}"></script>


<script type="text/javascript">

</script>

<!--操作文件夹-->
<div id="rightClick_1" class="clickBox">
    <p>打开文件夹</p>
    <p>重命名</p>
    <p>移动</p>
    <p class="del">删除</p>
</div>

<!--操作文件-->
<div id="rightClick_2" class="clickBox">
    <p>打开</p>
    <p>重命名</p>
    <p>移动</p>
    <p class="del">删除</p>
    <p class="download">下载</p>
</div>

<!--清空回收站-->
<div id="rightClick_3" class="clickBox">
    <p class="clear-recycle_bin">清空回收站</p>
</div>

<!--文件上传-->
<input type="file" id="fileName1" style="display: none;">

<!--代码高亮-->
<pre id="preCode"><code class="">
</code></pre>


<div id="mkdirForm">
    <input type="text" class="layui-input" placeholder="请输入文件夹名称">
</div>

<div id="touchForm">
    <input type="text" class="layui-input" placeholder="请输入文件名">
</div>


<div id="video">
    <video src="" controls></video>
</div>

<div id="audio">
    <audio src="" controls></audio>
</div>


</body>
</html>
